{% load static %}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>课程详情页</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_684044_un7umbuwwfp.css">
    <meta name="author" content="handsomeFu"/>
    <link rel="stylesheet" href="../../static/css/base/reset.css">
    <link rel="stylesheet" href="../../static/css/base/common.css">
    <link rel="stylesheet" href="../../static/css/course/course-detail.css">
</head>
<body>
<!-- header start -->
<header id="header">
    <div class="mw1200 header-contain clearfix">
        <!-- logo start -->
        <h1 class="logo">
            <a href="javascript:void(0);" class="logo-title">Python</a>
        </h1>
        <!-- logo end -->
        <!-- nav start -->
        <nav class="nav">
            <ul class="menu">
                <li class="active"><a href="../news/index.html">首页</a></li>
                <li><a href="ml">在线课堂</a></li>
                <li><a href="docDownload.html">下载文档</a></li>
                <li><a href="../news/search.html">搜索</a></li>
            </ul>
        </nav>
        <!-- nav end -->
        <!-- login start -->
        <div class="login-box">
            <div>
                <i class="PyWhich py-user"></i>
                <span>
            <a href="javascript:void(0);" class="login">登录</a> / <a href="../users/register.html" class="reg">注册</a>
            </span>
            </div>
            <div class="author hide">
                <i class="PyWhich py-user"></i>
                <span>qwertyui</span>
                <ul class="author-menu">
                    <li><a href="javascript:void(0);">后台管理</a></li>
                    <li><a href="javascript:void(0);">退出登录</a></li>
                </ul>
            </div>
        </div>
        <!-- login end -->
    </div>
</header>
<!-- header end -->
<!-- main start -->
<main id="main">
    <div class="w1200">
        <div class="course-contain">
            <div class="course-top-contain">
                <h4 class="course-title">课程标题</h4>
                <div class="course-other clearfix">
                    <div class="share-list">
                        <span>分享至:</span>
                        <i class="PyWhich py-weibo"></i>
                        <i class="PyWhich py-weibo2"></i>
                    </div>
                    <div class="buy-list">
                        <span class="price">免费</span>
                    </div>
                </div>
            </div>
            <div class="course-video" id="course-video">
                <div id="playercontainer"></div>
                <script type="text/javascript" src="{% static 'js/cyberplayer-3.5.3/cyberplayer.js' %}"></script>
                <script type="text/javascript">
                    var player = cyberplayer("playercontainer").setup({
                        width: 1240, // 宽度，也可以支持百分比(不过父元素宽度要有)
                        height: 540, // 高度，也可以支持百分比
                        title: "基本功能", // 标题
                        file: "http://video-home.bj.bcebos.com/videoworks/console-upload/adv.mp4?authorization=bce-auth-v1%2Fd7b0528d41804aca885b7ad4cd189d78%2F2020-04-30T15%3A44%3A53Z%2F300%2Fhost%2F0c1fff7cc9486717bd0d89b3fca24c1790363d5ef97b1f647e6243609e85948c", // 播放地址
                        image: "https://django32.cdn.bcebos.com/videoworks%2Fmda-kd5qijjbb4e66gbs%2Fconsole%2F%E7%BC%A9%E7%95%A5%E5%9B%BE%2F%E8%B0%83%E5%91%B3%E5%93%81%E5%B9%BF%E5%91%8A.jpg", // 预览图
                        autostart: false, // 是否自动播放
                        stretching: "uniform", // 拉伸设置
                        repeat: false, // 是否重复播放
                        volume: 100, // 音量
                        controls: true, // controlbar是否显示
                        starttime: 0, // 视频开始播放时间点(单位s)，如果不设置，则可以从上次播放时间点续播
                        logo: { // logo设置
                            linktarget: "_blank",
                            margin: 8,
                            hide: false,
                            position: "top-right", // 位置
                            file: "./img/logo.png" // 图片地址
                        },
                        ak: "d7b0528d41804aca885b7ad4cd189d78" // 公有云平台注册即可获得accessKey
                    });
                </script>
            </div>
            <div class="course-bottom-contain">
                <div class="course-detail-list">
                    <div class="course-item clearfix">
                        <h5 class="course-title">课程讲师</h5>
                        <div class="teacher-box clearfix">
                            <img src="../../static/images/avatar.jpeg" alt="Which"
                                 title="Which" class="teacher-avatar">
                            <div class="teacher-info">
                                <p class="teacher-name">Tuple</p>
                                <p class="teacher-identify"> 人生苦短</p>
                            </div>
                        </div>
                        <div class="item-content">
                            人生苦短人生苦短人生苦短人生苦短人生苦短
                        </div>
                    </div>
                    <div class="course-item clearfix">
                        <h5 class="course-title">课程简介</h5>
                        <div class="item-content">
                            人生苦短人生苦短人生苦短人生苦短人生苦短
                        </div>
                    </div>
                    <div class="course-item clearfix">
                        <h5 class="course-title">课程大纲</h5>
                        <div class="item-content">
                            <p>人生苦短人生苦短人生苦短人生苦短</p>
                        </div>
                    </div>
                    <div class="course-item clearfix">
                        <h5 class="course-title">帮助中心</h5>
                        <div class="item-content">
                            <p>1. 购买后的课程在线可反复观看学习，视频有效期以具体课程信息为准。 </p>
                            <p>2. 课程暂不支持下载观看，均为在线观看视频。 </p>
                            <p>3. 课程一经购买，不可转让、不可退款；仅限购买账号观看。</p>
                            <p>4. 如有问题请咨询客服: 400-1567-315 </p>
                        </div>
                    </div>
                    <div class="course-item clearfix">
                        <h5 class="course-title">关于潭州课堂</h5>
                        <div class="item-content">
                            湖南潭州教育网络科技有限公司拥有千余人的优秀师资团队，是一家师资丰富、教育产品类别众多的在线培训公司。公司总部座落于美丽的星城长沙，2015年9月正式入驻芯城科技园目前拥有近两万平米办公面积。
                            在潭州学习的学员已突破1000万人次在线学员覆盖全球，包括中国、加拿大、日本、美国、韩国等诸多国家。
                        </div>
                    </div>
                    <div class="course-item clearfix">
                        <div class="item-content">
                            <div class="item-course-title">123</div>
                            <div class="item-buy-list">
                                <span class="price">免费</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="course-side">
                    <h4 class="side-title">推荐课程</h4>
                </div>
            </div>
        </div>
    </div>
</main>
<!-- main end -->


<!-- footer start -->
<footer id="footer">
    <div class="footer-box">
        <div class="footer-content">
            <p class="top-content">
					<span class="link">
						<a href="javascript:void(0)">关于Python</a> |
						<a href="javascript:void(0)">我就是我</a> |
						<a href="javascript:void(0)">人生苦短</a> |
						<a href="javascript:void(0)">我用Python</a>
					</span>
                <span class="about-me">关于我: <i class="PyWhich py-wechat"></i> Taka</span>
            </p>
            <p class="bottom-content">
                <span>地址： xxxx</span>
                <span>联系方式: <a href="tel:400-1567-315">400-1567-315</a> (24小时在线)</span>
            </p>
        </div>
        <p class="copyright-desc">
            Copyright &copy; 2008 - 2019 xxx有限公司. All Rights Reserved
        </p>
    </div>
</footer>
<!-- footer end -->
</body>
</html>
